<template>
	<view class="room-list-wrap p20">
		<roomitem :item="item" v-for="(item, index) in room" :key="item.id"></roomitem>
		<view v-if="room.length % 2 !== 0" class="station"></view>
	</view>
</template>

<script>
	import roomitem from './roomItem.vue'
	export default {
		components: {
			roomitem
		},
		props: {
			room: {}
		},
		data() {
			return {}
		},
		methods: {},
		created() {},
		mounted() {}
	}
</script>

<style type="scss">
	.room-list-wrap {
    flex-direction: row;
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
    align-items: flex-start
  }
  .station {
    width: 45vw
  }
</style>
